﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Product.aspx.cs" Inherits="Shop.Web.ProductView" %>
<%@ Register TagPrefix="ctrl" TagName="BuyBtn" Src="~/Controls/BuyBtn.ascx" %>
<asp:Content ID="contentPrePath" runat="server" ContentPlaceHolderID="prePathContent" >
<asp:Literal runat="server" id="ltPrePath"></asp:Literal></asp:Content>
<asp:Content ID="contentPath" runat="server" ContentPlaceHolderID="pathContent" >
        <asp:Literal runat="server" id="ltName"></asp:Literal>
 </asp:Content>
<asp:Content ID="contentMain" runat="server" ContentPlaceHolderID="mainContent" >
<%--<div class="price">
     <span>
        <asp:Literal runat="server" ID="ltPrice"></asp:Literal>
    </span>
</div>--%>
<div style="padding: 10px 0 0 30px">
    <table width="100%" cellpadding="1" cellspacing="0">
        <tr>
        <td width="55%">
            <span id="imgSpan"><img runat="server" id="imgProduct"/></span>
            <asp:Repeater runat="server" id="rprSubImage">
            <HeaderTemplate><table>
                <tr></HeaderTemplate>
            <ItemTemplate>
            <td class="color-example border-blue ui-corner-all" style="background-image:url('<%# DataBinder.Eval(Container, "DataItem")%>');background-position:center;" onclick="SetImage($(this),'<%# DataBinder.Eval(Container, "DataItem").ToString().Replace("thumb_", "")%>')">&nbsp;</td>
            </ItemTemplate>
            <FooterTemplate>
            </tr>
            </table></FooterTemplate>
            </asp:Repeater>
        </td>
        <td width="45%">
           <asp:PlaceHolder runat="server" id="phSorry" Visible="false">
           Извините, но такой одежды уже нет. Ни одного размера :(
           </asp:PlaceHolder>
           <asp:PlaceHolder runat="server" id="phProductList">
           <div class="filter ui-corner-all">
           <asp:Repeater id="rprBrandArt" runat="server" >
           <ItemTemplate>
           <div class="header"><a href="#">Артикул: <%# DataBinder.Eval(Container.DataItem, "Key")%></a></div>
           <table width="100%" class="filter_content" cellpadding="3" cellspacing="0" >
           <asp:Repeater runat="server" id="rprProduct" OnItemDataBound="rprProduct_ItemDataBound" DataSource='<%# DataBinder.Eval(Container.DataItem, "Value")%>'>
           <ItemTemplate>
           <tr class="alternative"><td>
           <input type="radio" name="product" id="rbnProduct_<%# DataBinder.Eval(Container.DataItem, "Id")%>" value='<%# DataBinder.Eval(Container.DataItem, "Id")%>' onclick="SetBuy(this.value)" /><label for="rbnProduct_<%# DataBinder.Eval(Container.DataItem, "Id")%>"><%# DataBinder.Eval(Container.DataItem, "Name").ToString().Substring(DataBinder.Eval(Container.DataItem, "Name").ToString().LastIndexOf(',')+1)%></label>
           </td><td><%# DataBinder.Eval(Container.DataItem, "AvailableStr")%></td><td>Цена: <%# DataBinder.Eval(Container.DataItem, "Price", "{0:C}")%></td><td> <%--<asp:TextBox runat="server" id="tbQty" SkinID="Qty" Text="1"></asp:TextBox>--%></td></tr>
           </ItemTemplate>
           <AlternatingItemTemplate>
           <tr><td><input type="radio" name="product" id="rbnProduct_<%# DataBinder.Eval(Container.DataItem, "Id")%>" value='<%# DataBinder.Eval(Container.DataItem, "Id")%>'  onclick="SetBuy(this.value)"/><label for="rbnProduct_<%# DataBinder.Eval(Container.DataItem, "Id")%>"><%# DataBinder.Eval(Container.DataItem, "Name").ToString().Substring(DataBinder.Eval(Container.DataItem, "Name").ToString().LastIndexOf(',')+1)%></label>
           </td><td><%# DataBinder.Eval(Container.DataItem, "AvailableStr")%></td><td>Цена: <%# DataBinder.Eval(Container.DataItem, "Price", "{0:C}")%></td><td> <%--<asp:TextBox runat="server" id="tbQty" SkinID="Qty" Text="1"></asp:TextBox>--%></td></tr>
           </AlternatingItemTemplate>
           </asp:Repeater>
            </table> 
           </ItemTemplate></asp:Repeater>


</div> 
 <input type="checkbox" id="chbAddSize" class="tooltip" title="Поставьте галочку и, если вы находитесь в Ижевске, при доставке мы дополнительно добавим к заказу размеры, имеющиеся на нашем складе, чтобы у вас была возможность выбрать подходящий. Перед отправкой заказа в другие города, мы дополнительно свяжемся с вами, отправим замеры вещи (например длину рукава, охват талии или все, что вы пожалаете), чтобы облегчить вам выбор."/><label for="chbAddSize" class="tooltip" title="Поставьте галочку и, если вы находитесь в Ижевске, при доставке мы дополнительно добавим к заказу размеры, имеющиеся на нашем складе, чтобы у вас была возможность выбрать подходящий. Перед отправкой заказа в другие города, мы дополнительно свяжемся с вами, отправим замеры вещи (например длину рукава, охват талии или все, что вы пожалаете), чтобы облегчить вам выбор.">Я сомневаюсь в размере</label> 
 <ctrl:BuyBtn id="btnBuy" runat="server"></ctrl:BuyBtn><br />
 </asp:PlaceHolder>
<input class="default-button ui-corner-all fright" type="button" value="Редактировать" runat="server" id="btnEdit" onserverclick="btnEdit_OnClick"/>
            </td>
        </tr>
    </table>
</div>

<div id="tabs" class="product_details">
    <ul>
        <li><a href="#description"><span>Описание</span></a></li>
        <%--<li><a href="#spec"><span>Особенности</span></a></li>--%>
        <li><a href="#size"><span>Размерная сетка</span></a></li>
    </ul>
    <div id="description">
        <asp:Literal runat="server" id="ltDescription"></asp:Literal>   
        <div class="product_filter ui-corner-all">
         <table width="100%" class="filter_content" cellpadding="3" cellspacing="0" >
         <tr class="alternative"><td width="20%">Производитель:</td><td><asp:Literal runat="server" id="ltBrand"></asp:Literal></td></tr>
         <tr><td>Категория:</td><td><asp:Literal runat="server" id="ltCat"></asp:Literal></td></tr>
        <asp:Repeater runat="server" ID="rpParametrs">
        <ItemTemplate>
            <tr class="alternative"><td><%# DataBinder.Eval(Container.DataItem, "Name")%>:</td><td>
            <asp:Repeater runat="server" ID="rpValues" DataSource='<%# DataBinder.Eval(Container.DataItem, "ValuesForGroup")%>'>
            <ItemTemplate><%# DataBinder.Eval(Container.DataItem, "Value")%></ItemTemplate>
            <SeparatorTemplate>, </SeparatorTemplate>
            </asp:Repeater>
            </td></tr>
            </ItemTemplate>
            <AlternatingItemTemplate>
            <tr><td><%# DataBinder.Eval(Container.DataItem, "Name")%>:</td><td>
            <asp:Repeater runat="server" ID="rpValues" DataSource='<%# DataBinder.Eval(Container.DataItem, "ValuesForGroup")%>'>
            <ItemTemplate><%# DataBinder.Eval(Container.DataItem, "Value")%></ItemTemplate>
            <SeparatorTemplate>, </SeparatorTemplate>
            </asp:Repeater>
            </td></tr>
            </AlternatingItemTemplate>
            </asp:Repeater>
         </table>
        </div>
    </div>
   <%-- <div id="spec">
            
    </div>--%>
    <div id="size">
        <asp:Label runat="server" id="lblTxtSize" CssClass="size"></asp:Label>
    </div>
</div>
<script type="text/javascript">
    function SetBuy(pid)
    {
        $('#<%= btnBuy.ClientID %>').val(pid);
    }

    function SetImage(container,img) {
        $('#imgSpan').html("<img src='" + img + "' class='productImage'/>");
        $(".productImage").load(
            SetSize
            );
        //$(".color-example").removeClass("border-red").addClass("border-blue");
        //$(container).removeClass("border-blue").addClass("border-red");
    }

    function SetSize()
    {
    var maxWidth = Math.round($("body").width() / 3); ;
    if ($(this).width() > maxWidth) {
                $(".productImage").width(maxWidth);
                $(".productImage").attr("longdesc", $(".productImage").attr("src"));
                $(".productImage").fullsize();
                $(".productImage").css("cursor", "pointer");
            }
            else {
                $(".productImage").removeAttr("longdesc");
                $(".productImage").fullsize({ destroy: true });
            }
    }

    $(".productImage").load(
    SetSize
    );

</script>
</asp:Content>
